<template>
	<view>
		<view class="heat_top">
			<dsl-navbar title="薪资明细" isBack bgTopImg="" textTitle='white' backBg='white'></dsl-navbar>
			<view class="head_message padding-xl">
				<view class="flex align-center  rowsb">
					<view>
						<view class="text-gray">开始日期</view>
						<view>2021年3月14日</view>
					</view>
					<view class="head_round">
						→
					</view>
					<view>
						<view class="text-gray">开始日期</view>
						<view>2021年3月14日</view>
					</view>
				</view>
				<view class="head_submite">
					查询
				</view>
			</view>
		</view>
		<view class="" style="margin-top: 80rpx;">
			<view class="select_body">
				<view class="text-bold text-lg">
					查询结果
				</view>
				<view class="padding-tb solid-bottom"  v-for="(item,index) in 4"> 
					<view class="flex align-center ">
						<image src="" mode="" class="select_image"></image>
						<view class="margin-left">
							<view>
								济南海尔制造有限公司
							</view>
							<view class="text-red text-sm margin-top-sm">
								已发放 ：340020
							</view>
						</view>
					</view>
					<view class="select_stubmt">
						工资条
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page {
		background: #F5F5F5;
	}

	.heat_top {
		width: 750rpx;
		height: 420rpx;
		background: #00D88F;
		opacity: 1;
	}

	.head_message {
		width: 710rpx;
		height: 380rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 20rpx;
		margin: 0 auto;
	}

	.head_round {
		width: 54rpx;
		height: 54rpx;
		background: #00D88F;
		border: 6rpx solid #EAEEF6;
		border-radius: 50%;
		opacity: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
	}

	.head_submite {
		width: 596rpx;
		height: 98rpx;
		background: #00D88F;
		box-shadow: 0px 1rpx 10px rgba(0, 216, 143, 0.5);
		opacity: 1;
		border-radius: 60rpx;
		line-height: 98rpx;
		color: white;
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
		margin-top: 100rpx;
	}

	//查询结果
	.select_body {
		background-color: white;
		margin: 30rpx;
		padding: 30rpx;
		border-radius: 16rpx;
	}

	.select_image {
		width: 90rpx;
		height: 90rpx;
		background: #EEEEEE;
		border-radius: 50%;
		opacity: 1;
	}
	.select_stubmt{
		
	}
</style>
